import React from 'react'
import store from '../../store/store'
import { incrementAction,decrementAction,waitIncrementAction } from '../../store/action/countActions';
export default function Count() {
    const{count}=store.getState().count;
    const{movieList}=store.getState().movie
    const incrementHandle=()=>{
        store.dispatch(incrementAction(1))
    }
    const decrementHandle=()=>{
        store.dispatch(decrementAction(1))
    }
    const ifOddDecrementHandle=()=>{
        if(count%2!==0){
            store.dispatch(incrementAction(1))
        }
    }
    const waitDecrementHandle=()=>{
        setTimeout(()=>{
            store.dispatch(waitIncrementAction(1))
        },2000)
    }
  return (
    <div>
        <h1>我是Count组件 我的值是{count}</h1>
        <h2>当前电影的总数是{movieList.length}</h2>
        <div>
            <button onClick={incrementHandle}>累加</button>
            <button onClick={decrementHandle}>累减</button>
            <button onClick={ifOddDecrementHandle}>如果是奇数再加1</button>
            <button onClick={waitDecrementHandle}>等2s再加1</button>
        </div>
    </div>
  )
}
